<script setup>
	import { defineProps, defineEmits } from "vue";

	// 定义属性
	const props = defineProps({
		name: String,
		age: Number,
	});

	// 定义事件
	const emit = defineEmits(["change", "delete"]);

	function deleteHandler() {
		emit("delete", "aaa");
	}
</script>

<template>
	<div>
    <h3>Child2</h3>
		<p>Child2 - name: {{ props.name }}, age: {{ props.age }}</p>
		<button @click="$emit('change', 'bbb')">change</button>
		<button @click="deleteHandler">delete</button>
	</div>
</template>